import React, { Component } from 'react'

export default class App extends Component {
    state = {
        htmlStr: '<h1 style="color:red">React 从入门到精通</h1>'
    }
    render() {
        return (
            <React.Fragment>
                {/* React.Fragment 也是 react 中的空标签 */}

                {this.state.htmlStr}
                {/* 在vue中可以使用 v-html 解决渲染问题 */}

                {/* 在 React中 可以使用 dangerouslySetInnerHTML 来解析 innerHTML  里面是一个对象  */}
                <div dangerouslySetInnerHTML={{__html:this.state.htmlStr}}></div>
            </React.Fragment >
        )
    }
}
